body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
.container-fluid {
	max-width: 100%;
}

/* 瓒呭皬灞忓箷锛堟墜鏈猴紝灏忎簬 768px锛� *** 灏忓睆骞曪紙骞虫澘锛屽ぇ浜庣瓑浜� 768px锛�  */
@media all and (max-width: 992px) {
	#task-detail {
		display:none;
	}
	#lesson-table-pc {
		display:none;
	}
	#table-mobile tr th, td{
		font-size: 1rem;
	}
	#other-table-mobile tr th, td{
		font-size: 1rem;
	}
	.task-classify-title {
		height: 3.5rem;
	    line-height: 3.5rem;
	    margin-top: 2.5rem;
	    border: 1px solid #e6e6e6;
	    font-weight: bold;
	    font-size: 1.2rem;
	}
	.task-classify-title .personal-task {
	    color: #00b43c;
	}
	.task-classify-title li {
	    height: 3.5rem;
	    line-height: 3.5rem;
	    float: left;
	    margin-left: 2rem;
	    color: #4d555d;
	    cursor: pointer;
	}
	.task-classify-title li:hover a {
	    color: #00b43c;
	}
	
	#personal-task-list {
		display:block;
		margin-top:2rem;
	}
	#other-task-list {
		display:none;
		margin-top:2rem;
	}
	tbody tr {
		cursor:pointer;
	}
	#table-pc {
		display:none;
	}
	#other-table-pc {
		display:none;
	}
	label {
		margin-top:1rem;
		font-size:2rem;
		color:#00b43c;
	}
	
	.task-info {
		margin-top:2rem;
	}
	.task-name-type {
		margin-top:2rem;
		
	}
	.task-name-type span {
		padding-left:1rem;
	}
	.class-task-list-stu ul li,.class-answer-list-stu ul li {
		width: 100%;
	    height: 3rem;
	    line-height: 3rem;
	    margin-top: 0.5rem;
	    color: #787d82;
	    background-color: #f3f5f7;
	    border-radius: 0.5rem;
	    cursor: pointer;
	    padding-left: 2rem;
	}
	.file-name-date {
		float:left;
		width:80%;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.file-upload-stu {
		float:right;
		color:blue;
		width:20%;
		text-align:center;
	}
	
	
	.submit-info {
		margin-top:3rem;
	}
	.class-task-list-stu-submit ul li,.class-answer-list-stu-submit ul li {
		width: 100%;
	    height: 3rem;
	    line-height: 3rem;
	    margin-top: 0.5rem;
	    color: #787d82;
	    background-color: #f3f5f7;
	    border-radius: 0.5rem;
	    cursor: pointer;
	    padding-left: 2rem;
	}
	.file-name-date-submit {
		float:left;
		width:80%;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.file-del-stu-submit {
		float:right;
		color:blue;
		width:20%;
		text-align:center;
	}
	
	#edit-answer {
		color:blue;
		cursor:pointer;
		font-size:1.2rem;
	}
	
	.correct-info {
		margin-top:3rem;
	}
	.teacher-comment {
		width:80%;
	}
	#task-list {
		font-size: 1.2rem;
	}
}

/* 涓瓑灞忓箷锛堟闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜� 992px锛�  ****  澶у睆骞曪紙澶ф闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜� 1200px锛� */
@media all and (min-width: 992px) {
	
	#task-detail {
		display:none;
	}
	
	#lesson-table-mobile {
		display:none;
	}
	.task-classify-title {
		height: 3.5rem;
	    line-height: 3.5rem;
	    margin-top: 2.5rem;
	    border: 1px solid #e6e6e6;
	    font-weight: bold;
	    font-size: 1.5rem;
	}
	.task-classify-title .personal-task {
	    color: #00b43c;
	}
	.task-classify-title li {
	    height: 3.5rem;
	    line-height: 3.5rem;
	    float: left;
	    margin-left: 2rem;
	    color: #4d555d;
	    cursor: pointer;
	}
	.task-classify-title li:hover a {
	    color: #00b43c;
	}
	
	#personal-task-list {
		display:block;
		margin-top:2rem;
	}
	#other-task-list {
		display:none;
		margin-top:2rem;
	}
	tbody tr {
		cursor:pointer;
	}
	#table-mobile {
		display:none;
	}
	#other-table-mobile {
		display:none;
	}
	label {
		margin-top:1rem;
		font-size:2rem;
		color:#00b43c;
	}
	
	.task-info {
		margin-top:2rem;
	}
	.task-name-type {
		margin-top:2rem;
		
	}
	.task-name-type span {
		padding-left:1rem;
	}
	.class-task-list-stu ul li,.class-answer-list-stu ul li {
		width: 60%;
	    height: 3rem;
	    line-height: 3rem;
	    margin-top: 0.5rem;
	    color: #787d82;
	    background-color: #f3f5f7;
	    border-radius: 0.5rem;
	    cursor: pointer;
	    padding-left: 2rem;
	}
	.file-name-date {
		float:left;
		width:80%;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.file-upload-stu {
		float:right;
		color:blue;
		width:20%;
		text-align:center;
	}
	
	
	.submit-info {
		margin-top:3rem;
	}
	.class-task-list-stu-submit ul li,.class-answer-list-stu-submit ul li {
		width: 60%;
	    height: 3rem;
	    line-height: 3rem;
	    margin-top: 0.5rem;
	    color: #787d82;
	    background-color: #f3f5f7;
	    border-radius: 0.5rem;
	    cursor: pointer;
	    padding-left: 2rem;
	}
	.file-name-date-submit {
		float:left;
		width:80%;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.file-del-stu-submit {
		float:right;
		color:blue;
		width:20%;
		text-align:center;
	}
	
	#edit-answer {
		color:blue;
		cursor:pointer;
		font-size:1.7rem;
	}
	
	.correct-info {
		margin-top:3rem;
	}
	.teacher-comment {
		width:80%;
	}
	
}

/* for taskDetail page */
#taskStatus {
	padding-left: 1rem;
}
#have-comment {
	padding-left: 1rem;
}
#answer-status-box hr{
	margin: 0 1rem;
}
#answer-is-visible {
	padding-left: 1rem;
}
#deadline {
	padding-left: 1rem;
}
#description {
	padding-left: 1rem;
}
.task-submit-read-status {
	color: #F90731;
}

.task-info p {
	font-size:2rem;
	word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}
#inform-in-detail {
	text-align:center;
}
.submit-info .infor {
	margin-top: 1rem;
	font-size: 1rem;
	color: #f56598;
}
.task-status-infor {
	text-align:right;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}
.task-status-infor .infor {
	margin-top: 1rem;
	font-size: 1rem;
	margin-left: 2rem;
	float:right;
	font-weight: 700;
}
.task-status-infor .infor .infor-d {
	width: 2rem;
	height: 1rem;
}
@media(max-with: 768px){
	.infor .infor-d {
		display:none;
	}
}
.infor-n {
	color: #eab0b0;
}
.infor-nd{
	background-color: #eab0b0;
}
.infor-r {
	color: #e1d295;
}
.infor-rd{
	background-color: #e1d295;
}
.infor-h {
	color: #a8e6b9;
}
.infor-hd{
	background-color: #a8e6b9;
}